<div class="mui-content bg-gray">
  <div class="top-bar bg-linear">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <div class="flex text-center">实名认证</div>
  </div>
  <ul class="mui-table-view m-b">
    <li class="mui-table-view-cell mui-text-center text-danger">
      审核状态：
      <span>未认证</span>
    </li>
  </ul>

  <div class="title p-l">
    <span class="squre mui-badge-danger"></span>基本信息
  </div>
  <div class="mui-input-group m-b">
    <div class="mui-input-row">
      <label>姓名</label>
      <input type="text" placeholder="必须与身份证姓名一致" [(ngModel)]="realname">
    </div>
    <div class="mui-input-row">
      <label>身份证号</label>
      <input type="text" placeholder="必须与身份证号码一致" [(ngModel)]="idcard">
    </div>
    <div class="mui-input-row">
      <label>城市</label>
      <input type="text" placeholder="工作城市" [(ngModel)]="region_name">
    </div>
    <div class="mui-input-row">
      <label>公司全称</label>
      <input type="text" placeholder="公司名称" [(ngModel)]="company">
    </div>
    <div class="mui-input-row">
      <label>公司电话</label>
      <input type="text" placeholder="公司电话（可选）" [(ngModel)]="tel">
    </div>
    <div class="mui-input-row">
        <label>微信</label>
        <input type="text" placeholder="微信号" [(ngModel)]="wechat">
      </div>
    </div>

  <div class="title p-l">
    <span class="squre mui-badge-danger"></span>手持身份证照片
  </div>
  <div class="mui-tab-view m-b photo-box">
    <span class="mui-pull-right p-r photo-number">0/1</span>
    <div class="photo m mui-text-center">
      <input type="file" class="hidden-file" [(ngModel)]="idPhoto" (change)="uploadImg($event)">
      <div class="file-style">
          <span class="mui-icon mui-icon-camera camera"></span>
          <p>上传图片</p>
      </div>
    </div>
  </div>

  <div class="title p-l">
    <span class="squre mui-badge-danger"></span>名片或工牌
  </div>
  <div class="mui-tab-view m-b photo-box">
    <span class="mui-pull-right p-r photo-number">0/1</span>
    <div class="photo m mui-text-center">
      <span class="mui-icon mui-icon-camera camera"></span>
      <p>上传图片</p>
    </div>
  </div>

  <div class="title p-l">
    <span class="squre mui-badge-danger"></span>本人与公司标志合影
  </div>
  <div class="mui-tab-view m-b photo-box">
    <span class="mui-pull-right p-r photo-number">0/1</span>
    <div class="photo m mui-text-center">
      <span class="mui-icon mui-icon-camera camera"></span>
      <p>上传图片</p>
    </div>
  </div>

  <div class="b-btn">
    提交
  </div>
</div>
